<template>
  <div>App</div>
  <p>a:{{ a }}---b:{{ b }}</p>
  <button @click="addA">addA</button>
</template>

<script lang="ts">
 import { defineComponent } from 'vue'
  export default  defineComponent({
    name:'App',
   
  })
</script>
<!-- 
  setup语法糖
    - 可以在组件中再次书写一个script标签，拥有setup属性
    - 这个script标签内部的环境其实就是setup配置内部的环境
    - 可以省略return，它会把当前script中所有的声明全部返回出去供模板使用
 -->
<script setup lang="ts">
      let a = 1;
      const addA= ()=>{
        a++;
        console.log(a)
      };
      const b = 2;

</script>
<style lang="less" scoped>
  
</style>